<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"      
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./templateBanque.xhtml">

            <ui:define name="top">
                <center>Comptes Bancaires</center>

            </ui:define>



            <ui:define name="content">
                <f:view> <center>
                        <h:form id="form" style="width:350px">    
                            <h1><center><h:outputText value="Suppression d'un compte bancaire"/></center></h1>


                            <p:panel header="Suppression d'un compte" style="text-align: center"> 

                                <h:panelGrid id="grid" columns="2" style="margin-bottom:10px" >  
                                    <f:facet name="header">  
                                        <p:messages />  
                                    </f:facet>  

                                    <h:outputLabel for="numeroCompte" value="Numéro de compte à supprimer: *" />  
                                      <h:selectOneMenu id="numeroCompte" value="#{compteMBean.numeroCompte}"   
                                                 title="numeroCompte" required="true" requiredMessage="Vous devez entrer le numéro de compte à débiter"  
                                                >   
                                    <f:selectItems value="#{compteMBean.allCompte}"/>  
                                </h:selectOneMenu>     

                                </h:panelGrid>  

                            </p:panel>  
                            <p:growl id="messages" />  
                            <h:panelGrid columns="6" cellpadding="5">   
                                <p:commandButton value="Valider" id="btnForm" process="@form" update="grid" onclick="confirmation.show()"  
                                                 /> 
                            </h:panelGrid>  
                            <p:confirmDialog id="confirmDialog" message="Etes-vous sûre de vouloir supprimer ce compte ?"  
                                             header="Confirmation" severity="alert" widgetVar="confirmation">  

                                <p:commandButton id="confirm" value="Oui" update="messages" oncomplete="confirmation.hide()"  
                                                 actionListener="#{compteMBean.deleteCompte}" />  
                                <p:commandButton id="decline" value="Non" onclick="confirmation.hide()" type="button" />   

                            </p:confirmDialog>  

                        </h:form>
                    </center>
                </f:view>

            </ui:define>

            <ui:define name="bottom">
                bottom
            </ui:define>

        </ui:composition>

    </body>
</html>
